IMF Intranet Style Guide

Purpose

This Intranet Application Style Guide is designed to provide a framework for intranet applications created for the International Monetary Fund (IMF). Its main purpose is to impart user experience (UX) and brand consistency across our internal digital properties, leading visitors to immediately recognize the site they land on as an IMF destination, and to enjoy a coherent UX across visited sites. In addition, the guide streamlines and accelerates the design and implementation of future intranet applications as well as guide the retrofit of existing sites, thus reducing cost and execution time for your team.

To take full advantage of the guide, teams developing new home-grown applications should download it and integrate it into their code base with minimum alteration. Teams implementing COTS, SaaS, PaaS or similar solutions can use this in various ways. Come talk to us! Contact the UX team and let's discover what will make th most sense for your project together.

Features

To help you create or redesign your Intranet, the guide offers you a complete starter kit comprised of commonly used design elements along with corresponding code and developer notes. In particular, the guide includes:

• Mobile responsive page grid
• Standard header and footer
• Color palette
• Typographic styles and CSS classes
• Right rail content elements
• User interface (UI) features (e.g., buttons, labels, tabbed text containers, drop down menus, side navigation)
• Styles for forms and tables
• Icon library

The guide uses Bootstrap's responsive 12-column grid, with header and footer infinitely expandable. All sites using this theme should utilize this grid. The content area has a 15px left and right padding.